﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/AdminPosy.Master" AutoEventWireup="true" CodeBehind="Product.aspx.cs" Inherits="PeonyShop.Admin.Product" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Main" runat="server">
<div id="center-column">
			<div class="top-bar">
				<a href="javascript:void(0)" class="button" id="btnAddNew">ADD NEW </a>
                <a href="javascript:void(0)" class="button" id="btnEdit">EDIT</a>
				<h1>Products Management</h1>
				<%--<div class="breadcrumbs"><a href="#">Homepage</a> / <a href="#">Contents</a></div>--%>
			</div><br />
          <div class="select-bar" id="divBarSearch">
            <label>
            Product name
		    <input type="text" name="textfield" />
		    </label>
            <asp:DropDownList ID="ddlCate" runat="server">
            </asp:DropDownList>
           
            <asp:DropDownList ID="subCate" runat="server">
            </asp:DropDownList>

            <asp:Button ID="btnSubmitCate" runat="server" Text="Search" />
          </div>
			<div class="table" id="divListItem">
				<img src="Images/bg-th-left.gif" width="8" height="7" alt="" class="left" />
				<img src="Images/bg-th-right.gif" width="7" height="7" alt="" class="right" />
				<table class="listing" cellpadding="0" cellspacing="0">
					<tr>
						<th class="first" width="177">Header Here</th>
						<th>Image</th>
						<th>Name</th>
						<th>Description</th>
						<th>Show Home Page</th>
						<th>Show Own Page</th>
						<th>Active</th>
						<th class="last">Delete</th>
					</tr>
                    </table>
<%--
                    <tr>
						<td class="first style1">- Lorem Ipsum </td>
						<td><img src="Images/add-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/hr.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/edit-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/login-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td class="last"><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
					</tr>
					<tr class="bg">
						<td class="first style2">- Lorem Ipsum </td>
						<td><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
						<td><img src="Images/hr.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td><img src="Images/edit-icon.gif" width="16" height="16" alt="edit" /></td>
						<td><img src="Images/login-icon.gif" width="16" height="16" alt="login" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td class="last"><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
					</tr>
					<tr>
						<td class="first style3">- Lorem Ipsum </td>
						<td><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
						<td><img src="Images/hr.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td><img src="Images/edit-icon.gif" width="16" height="16" alt="edit" /></td>
						<td><img src="Images/login-icon.gif" width="16" height="16" alt="login" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td class="last"><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
					</tr>--%>

				<div class="select">
					<strong>Other Pages: </strong>
					<select>
						<option>1</option>
					</select>
			  </div>

              <script id="ImagesTemplate" type="text/x-jquery-tmpl"> 
                 <tr>
						<td class="first style1">- Lorem Ipsum </td>
						<td><img src="Images/add-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/hr.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/edit-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/login-icon.gif" width="16" height="16" alt="" /></td>
						<td><img src="Images/save-icon.gif" width="16" height="16" alt="save" /></td>
						<td class="last"><img src="Images/add-icon.gif" width="16" height="16" alt="add" /></td>
					</tr>
            </script>
			</div>		
            
            <!-- For Add New -->
            <div class="table" style="display:none" id="divAddNew" >
            
                <table class="tabAdd"  cellpadding="0" cellspacing="0" width="560px">
                    <tr>
                        <td class="title">Name</td>
                        <td class="content"><asp:TextBox ID="txtName" runat="server" CssClass="textAdd"></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td class="title">Description</td>
                        <td class="content"><asp:TextBox ID="txtDesc" TextMode="MultiLine" runat="server" Rows="3" Columns="60"></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td class="title">Category</td>
                        <td class="content"><asp:DropDownList ID="ddlCategory" runat="server">
                                
                        </asp:DropDownList> </td>
                    </tr>
                    <tr id="tdSubcate">
                        <td class="title">Sub category</td>
                        <td class="content">
                            <asp:DropDownList ID="ddlSubcate" runat="server">
                                
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td class="title">Show Home Page</td>
                        <td class="content"><asp:CheckBox ID="ckbIsShowHomePage" runat="server" /></td>
                    </tr>
                    <tr>
                        <td class="title">Show Own Page</td>
                        <td class="content"><asp:CheckBox ID="ckbShowOwnPage" runat="server" /></td>
                    </tr>
                    <tr>   
                    <td class="title">images </td> 
                        <td>
                             <input id="file_upload" name="file_upload" type="file" />
                        </td>
                    </tr>
                    <tr>
                       <td colspan="2">
                            <input type="button" id="btnSaveImage" value="Save" />
                       </td> 
                    </tr>
                </table>
            </div>
            <!-- End Add New --> 
		</div>
</asp:Content>
